<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表</title>
</head>

<body>
    <!-- unorder list
    order list -->

    <ul type="disc">
        <li>项目1</li>
        <li>项目2</li>
        <li>项目3</li>
    </ul>
    <ol type="1" start=5 reversed>
        <li>项目1</li>
        <li>项目2</li>
        <li>项目3</li>
    </ol>

    <!-- 
        ol,ul是block元素 
        li标签一定要包裹在ul或者ol里面，不能单独出现
        一般在开发过程中我们会取消项目符号，通过type="none"
    -->
    <!-- 列表的用途 
        1.导航菜单
        2.对于样式效果很多都是一样的
    -->
    <ul type="none">
        <li>
            <a href="">电视</a>
        </li>
        <li>
            <a href="">笔记本</a>
        </li>
        <li>
            <a href="">家电</a>
        </li>
        <li>
            <a href="">出行</a>
        </li>
        <li>
            <a href="">电源</a>
        </li>
    </ul>
    <ul type="none">
        <li>
            <a href="">
                <img src="./img/1.jpg" width="316px" alt="">
            </a>
        </li>
        <li>
            <a href="">
                <img src="./img/2.jpg" width="316px" alt="">
            </a>
        </li>
        <li>
            <a href="">
                <img src="./img/3.jpg" width="316px" alt="">
            </a>
        </li>
    </ul>

    <dl>
        <dt>苹果</dt>
        <dd>苹果（学名：Malus pumila）是水果的一种，是蔷薇科苹果亚科苹果属植物，其树为落叶乔木。苹果的果实富含矿物质和维生素，是人们经常食用的水果之一。</dd>

        <dt>草莓</dt>
        <dd>草莓（学名：Fragaria × ananassa
            Duch.），多年生草本，高10-40厘米。茎低于叶或近相等，密被开.展黄色柔毛。叶三出，小叶具短柄，质地较厚，倒卵形或菱形，上面深绿色，几无毛，下面淡白绿色，疏生毛，沿脉较密；叶柄密被开展黄色柔毛。聚伞花序，花序下面具一短柄的小叶；花两性；萼片卵形，比副萼片稍长；花瓣白色，近圆形或倒卵椭圆形。聚合果大，宿存萼片直立，紧贴于果实；瘦果尖卵形，光滑。花期4-5月，果期6-7月。
        </dd>

        <dt>樱桃</dt>
        <dd>樱桃（学名：Cerasus pseudocerasus），是某些李属类植物的统称，包括樱桃亚属、酸樱桃亚属、桂樱亚属等。乔木，高2-6米，树皮灰白色。小枝灰褐色，嫩枝绿色，无毛或被疏柔毛。冬芽卵形，无毛。</dd>
    </dl>
</body>

</html>